<div class="container-fluid">
	<!-- Page title and breadcrumb navigation -->
	<div class="page-title">
		<h4><a href="#" id="toggle-menu"><i class="typcn typcn-th-menu"></i></a> <span>{{$title}}</span></h4>
		<nav>
			<!--<a href="#">{{$title}}</a>
			<span class="typcn typcn-chevron-right"></span>
			<a href="#">Page title</a>-->
		</nav>
	</div>
	<!-- /Page title and breadcrumb navigation -->
	<!-- Header navigation / icons -->
	<ul class="header-nav navbar-right">
		<!-- Messages -->
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="typcn typcn-messages"></span></a>
			<span class="badge">3</span>
			<div class="dropdown-menu panel panel-messages dropdown-arrow pull-right">
				<div class="panel-heading">MESSAGES <span class="badge pull-right bg-orange">NEW</span></div>
				<div class="panel-body scrollbox">
					<ul class="chat">
						<li class="left clearfix">
							<a href="#">
								<span class="chat-img pull-left">
									{{HTML::image('placeholders/user1.jpg', 'User Avatar', array('class' => 'img-circle'))}}
								</span>
								<div class="chat-body clearfix">
									<div class="header">
										<strong class="primary-font">Jon Bateman</strong>
										<small class="pull-right text-muted">
											<span class="glyphicon glyphicon-time"></span>12 mins ago
										</small>
									</div>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibend...
									</p>
								</div>
							</a>
						</li>
						<li class="left clearfix">
							<a href="#">
								<span class="chat-img pull-left">
									{{HTML::image('placeholders/user2.jpg', 'User Avatar', array('class' => 'img-circle'))}}
								</span>
								<div class="chat-body clearfix">
									<div class="header">
										<strong class="primary-font">Sam Smalls</strong>
										<small class="pull-right text-muted">
											<span class="glyphicon glyphicon-time"></span>12 mins ago
										</small>
									</div>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibend...
									</p>
								</div>
							</a>
						</li>
						<li class="left clearfix">
							<a href="#">
								<span class="chat-img pull-left">
									{{HTML::image('placeholders/user1.jpg', 'User Avatar', array('class' => 'img-circle'))}}
								</span>
								<div class="chat-body clearfix">
									<div class="header">
										<strong class="primary-font">The Flash</strong>
										<small class="pull-right text-muted">
											<span class="glyphicon glyphicon-time"></span>12 mins ago
										</small>
									</div>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibend...
									</p>
								</div>
							</a>
						</li>
						<li class="left clearfix">
							<a href="#">
								<span class="chat-img pull-left">
									{{HTML::image('placeholders/user2.jpg', 'User Avatar', array('class' => 'img-circle'))}}
								</span>
								<div class="chat-body clearfix">
									<div class="header">
										<strong class="primary-font">Bruce Nolan</strong>
										<small class="pull-right text-muted">
											<span class="glyphicon glyphicon-time"></span>12 mins ago
										</small>
									</div>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibend...
									</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<footer class="panel-footer text-center">
					<a href="#">View all messages</a>
				</footer>
			</div>
		</li>
		<!-- /Messages -->

		<!-- Notifications -->
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="typcn typcn-bell"></span></a>
			<div class="dropdown-menu panel panel-notifications dropdown-arrow pull-right">
				<div class="panel-heading">NOTIFICATIONS</div>
				<div class="panel-body scrollbox">
					<ul>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-heart bg-red"></i>
										New likes
									</span>
									<span class="badge badge-gray pull-right">22</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-user bg-blue"></i>
										New users
									</span>
									<span class="badge badge-gray pull-right">6</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-image bg-green"></i>
										New pictures
									</span>
									<span class="badge badge-gray pull-right">125</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-heart bg-orange"></i>
										New likes
									</span>
									<span class="badge badge-gray pull-right">22</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-user bg-purple"></i>
										New users
									</span>
									<span class="badge badge-gray pull-right">6</span>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="clearfix">
									<span class="pull-left">
										<i class="typcn typcn-image bg-yellow"></i>
										New pictures
									</span>
									<span class="badge badge-gray pull-right">125</span>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</li>
		<!-- /Notifications -->

		<!-- Profile -->
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				{{HTML::image('placeholders/avatar.jpg')}}
			</a>
			<ul class="dropdown-menu dropdown-arrow pull-right">
				<li><a href="#"><span class="typcn typcn-edit"></span> Edit profile</a></li>
				<li><a href="#"><span class="typcn typcn-cog"></span> Settings</a></li>
				<li><a href="#"><span class="typcn typcn-contacts"></span> Contacts</a></li>
				<li class="divider"></li>
				<li><a href="#"><span class="typcn typcn-power"></span> Sign out</a></li>
			</ul>
		</li>
		<!-- /Profile -->
	</ul>
	<!-- /Header navigation / icons -->
</div>